<template>
  <div>
    <tablePage ref="containerTab" :api="getIsBindingSubOrderList" :param="tabParam">
      <template slot-scope="props">
        <Table :columns="containerColumn" :data="props.data"></Table>
      </template>
    </tablePage>
  </div>
</template>
<script>
  import tablePage from '@components/table/tablePage.vue'
  import { getIsBindingSubOrderList } from '@api/backEnd/station'

  export default {
    name: '',
    data () {
      let tabParam = {
        // productType: 3,
        // msgType: '',
        // localCityId: '',
        // needCityId: '',
        isBind: 1
      }
      let localCityId = []
      let containerColumn = [
        {
          title: '车号',
          key: 'truck_plate',
          width: 155,
          align: 'center'
        },
        {
          title: '车队名称',
          ellipsis: true,
          align: 'center',
          key: 'fleet_name'
        },
        {
          title: '司机名称',
          ellipsis: true,
          align: 'center',
          key: 'driver_name'
        },
        {
          title: '车型',
          align: 'center',
          key: 'number'
        },
        {
          title: '集装箱号',
          ellipsis: true,
          align: 'center',
          key: 'localCityName',
          render: (h, params) => {
            return (params.row.container_no_head + params.row.container_no_body)
          }
        }
      ]
      let datas = { localCityId, tabParam, containerColumn, getIsBindingSubOrderList }
      return datas
    },
    props: {
      // 城市列表
      cityList: {
        type: Array,
        default () {
          return []
        }
      }
    },
    methods: {},
    components: { tablePage }
  }
</script>
<style scoped>
  .lh-32 {
    line-height: 32px;
    margin-right: 5px;
  }
</style>
